🚧 This package is still under development check for update on Toddle discord
How to use it ?
To be able to use this package you need to import the Style component on every page where you are going to use the Nocode-UI components.
Components
Alert
nui-alert
by AburioAn alert is use to get user attention
Demo
The title is styled using nui-alert-title
The description is styled using nui-alert-content
With or without Icon
You can use the nui-alert as you want
You can also use it just as a container
Attributes
Events
No events
Slots
No slots
Subcomponents
No subcomponents
Badge
nui-badge
by Mark Green,AburioA badge to highlight a text or icon
Demo
Icon + Text inside span
text only
fix width badge !
default variant
secondary variant
outline variant
success variant
destructive variant
Attributes
Events
No events
Slots
No slots
Subcomponents
No subcomponents
Button
nui-button
by AburioA button to allow user interactions
Demo
Attributes
Events
No events
Slots
No slots
Subcomponents
No subcomponents
Label
nui-label
by AburioA label for form elements
Demo
Attributes
Events
No events
Slots
No slots
Subcomponents
No subcomponents
Input
nui-input
by AburioA input field for forms
Demo
Attributes
Events
No events
Slots
No slots
Subcomponents
No subcomponents
Style
nui-style
by AburioThe CSS mandatory to manage styles
Demo
Attributes
Events
No events
Slots
No slots
Subcomponents
No subcomponents
Table
nui-table
by AburioA responsive table
Demo
Default variant
| Username | Rating | ||
|---|---|---|---|
| Aburio | | ||
| KB9 | | ||
| JM-Aulas | | ||
| Avr. 2.33 / 3 | |||
Rounded variant
| Username | Rating | ||
|---|---|---|---|
| Aburio | | ||
| KB9 | | ||
| JM-Aulas | | ||
| Avr. 2.33 / 3 | |||
Attributes
Events
No events
Slots
No slots
Subcomponents
No subcomponents